<!DOCTYPE html>
<html>

	<head>
		<title>深圳市消消乐有害生物防治有限公司-客户案例</title>
		<meta charset="UTF-8" />
		<script type="text/javascript" src="js/swiper.min.js"></script>
		<link rel="stylesheet" href="css/swiper.min.css" />
		<link rel="stylesheet" href="css/bootstrap.min.css" />
		<link rel="stylesheet" href="css/style.css" />
		<script type="text/javascript" src="js/jquery-3.4.1.min.js"></script>
		<script src="js/xs.js"></script>
		<script type="text/javascript" src="js/global.js"></script>
		<script type="text/javascript" src="js/pages.js"></script>

	</head>

	<body>
		<div class="container bg-white">
			<div id="head"></div>
			<div class="banner row">
				<div>
					<img src="img/case_banner.jpg" width="100%" />
				</div>
			</div>

			<div class="row" style="margin-top: 20px;">
				<div class="col-sm-3 col-xs-12 p-0">
					<div class="card">
						<div class="cardHead">
							<div class="float-left">
								<img class="float-left" src="img/zxq3.jpg" / style="margin-top: 7px;margin-right: 3px;">
								<div class="titleIco float-left">客户案例</div>
							</div>
						</div>
						<div class="cardBody">
							<ul id="navList" class="list-group list-group-flush p-3 text-center"></ul>
						</div>
					</div>
					<div class="card" style="margin-top: 15px;">
						<div class="cardHead">
							<div class="float-left">
								<img class="float-left" src="img/zxq3.jpg" / style="margin-top: 7px;margin-right: 3px;">
								<div class="titleIco float-left">联系我们</div>
							</div>
						</div>
					<div id="contact2" class="cardBody p-3 c666" style="background: url(img/20130530101646794679.jpg) right bottom no-repeat;min-height: 200px;line-height: 25px;">
					</div>
					</div>
				</div>
				<div class="col-sm-9 col-xs-12 p-0">
					<div class="card" style="margin-left: 20px;">
						<div class="cardHead">
							<div class="float-left">
								<img class="float-left" src="img/zxq3.jpg" / style="margin-top: 7px;margin-right: 3px;">
								<div class="titleIco float-left">客户案例</div>
							</div>
						</div>
						<div class="cardBody container-fluid p-30" id="caseList">
						</div>
						<div style="padding: 50px;">
						</div>
					</div>

				</div>
				<div id="foot"></div>

			</div>


			<div class="scrollsidebar" id="scrollsidebar"></div>

		</div>

	</body>

	<script>
		var pId = getUrlParam("pId")
		var nId = getUrlParam("nId")

		var pageSize = 100;
		var pageNum = 1;

		$.ajax({
			type: "POST",
			async: false,
			url: baseURL + "lable/queryWebLableList.do",
			data: {
				pId: pId
			},
			dataType: "json",
			success: function(res) {
				res.data.forEach(item => {
					$("#navList").append(`<li class="list-group-item"><a href="./caseList.html?pId=${pId}&nId=${item.id}">${item.lableName}</a></li>`)
				})

				function getData() {
					var total = 0
					$.ajax({
						type: "POST",
						async: false,
						async: false,
						url: baseURL + "article/queryList.do",
						data: {
							lableId: nId ? nId : res.data[0].id,
							pageSize: pageSize,
							pageNo: pageNum
						},
						dataType: "json",
						success: function(ress) {
							console.log(ress)
							if(ress.data.list.length > 0) {
								$("#caseList").html("")
								ress.data.list.forEach(items => {
							
							$("#caseList").append(`<a href="./case.html?pId=${pId}&nId=5&aId=${items.id}" class="row"><div class="col-3 p-0"><img src="${JSON.parse(items.imageUrl)[0]}" width="100%" height="100%" /></div><div class="col-9 p-0" style="padding-left:15px !important;"><h4>${items.title}</h4><p class="c999" style="height: 55px;">${items.title}</p><p>查看详情>></p></div></a>`)
							
								})
								total = ress.data.totalCount
							}

						}
					});
					return total
				}
				var total = getData()

			}
		});
	</script>

</html>